<template>
    <!-- Header End -->
    <div class="container-xxl py-5 bg-dark page-header bg-1 mb-5">
        <div class="container my-5 pt-5 pb-4">
            <h1 class="display-3 text-white mb-3 animated slideInDown"> 关于我们 </h1>
            <p class="text-white fs-4">专注、迅捷、成就、分享</p>
        </div>
    </div>
    <!-- Header End -->
    <!-- About Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <h2 class="mb-4 wow fadeInUp" data-wow-delay="0.6s">公司介绍</h2>
                    <p class="mb-4 wow fadeInUp" data-wow-delay="0.8s">
                        佑恩咨询国内致力于精英企业和高级人才提供全球资源配置的专业猎头机构，由中国最早一批专注于科技方向猎头专业顾问创立，分别来自万宝盛华，大瀚，科锐国际等公司资深顾问。
                    </p>

                    <p class="wow fadeInUp" data-wow-delay="1.2s">
                        秉承“专注 Focus、迅捷Fast、成就Accomplishment、分享Sharing ”
                        的理念，深耕定位：科技+（能源，汽车制造，生命科学，新零售）行业猎头招聘服务提供商。
                    </p>

                    <p class="wow fadeInUp" data-wow-delay="1.4s">
                        核心资源：多年猎头搜寻服务积累超百万白领人才数据库，超15年世界百强企业雇主品牌服务经验积累；分布于成都，北京，青岛办公室的专业顾问，期待与您的合作！
                    </p>
                </div>
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                    <div class="row g-0 rounded overflow-hidden">
                        <img class="img-fluid w-100" src="/images/about/ab4.jpg" />
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-start">
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                    <div class="row g-0 rounded overflow-hidden">
                        <img class="img-fluid w-100" src="/images/about/ab2.jpg" />
                    </div>
                </div>
                <div class="col-lg-6">
                    <h2 class="mb-4 wow fadeInUp text-warning" data-wow-delay="0.6s"> 关键服务 </h2>
                    <p class="mb-4 wow fadeInUp" data-wow-delay="0.8s">
                        核心人才搜寻业务：
                        专注于董事会成员、C-Level高管（CEO\CIO\CHO\COO\CFO\CSO等）和其他高层（VP&SVP）与企业快速发展的腰部力量：产品研发总监、品牌市场总监、运营总监、财务总监、人力总监等。
                    </p>

                    <p class="wow fadeInUp" data-wow-delay="1.2s">
                        职位的搜寻，遍及电商大数据、AI人工智能、新能源汽车、硬件通信与芯片、新零售、工业制造、医疗大健康等。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <h2 class="mb-4 text-secondary wow fadeInUp" data-wow-delay="0.6s">
                        企业文化
                    </h2>
                    <h5 class="wow fadeInRight" data-wow-delay="1s">
                        <i class="fa fa-check text-secondary me-3"></i>
                        员工
                    </h5>
                    <p class="wow fadeInUp" data-wow-delay="1.2s"> 诚信 培养 容错 成长 </p>
                    <h5 class="wow fadeInRight" data-wow-delay="1.2s">
                        <i class="fa fa-check text-secondary me-3"></i>
                        客户
                    </h5>
                    <p class="wow fadeInUp" data-wow-delay="1.4s"> 信任 合作 互利 共赢 </p>
                    <h5 class="wow fadeInRight" data-wow-delay="1.4s">
                        <i class="fa fa-check text-secondary me-3"></i>
                        股东
                    </h5>
                    <p class="wow fadeInUp" data-wow-delay="1.6s"> 权利 责任 透明 互信 </p>
                    <h5 class="wow fadeInRight" data-wow-delay="1.6s">
                        <i class="fa fa-check text-secondary me-3"></i>
                        合作伙伴
                    </h5>
                    <p class="wow fadeInUp" data-wow-delay="1.8s">公开 公平 公正</p>
                </div>
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                    <div class="row g-0 rounded overflow-hidden">
                        <img class="img-fluid w-100" src="/images/about/ab3.jpg" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->

    <!-- Card Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-34">
                    <div class="cat-item rounded p-4 wow fadeInUp" data-wow-delay="1.2s">
                        <div class="d-flex align-items-center flex-column">
                            <i class="fas fa-user-clock text-secondary fs-1 mb-3"></i>
                            <h1><span class="counter">15+</span></h1>
                            <p class="fs-6">所有合伙人均具有15年以上人力及行业经验</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-34">
                    <div class="cat-item rounded p-4 wow fadeInUp" data-wow-delay="1.3s">
                        <div class="d-flex align-items-center flex-column">
                            <i class="fas fa-thumbs-up text-secondary fs-1 mb-3"></i>
                            <h1><span class="counter">100%</span></h1>
                            <p class="fs-6">高度的客户满意度</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-34">
                    <div class="cat-item rounded p-4 wow fadeInUp" data-wow-delay="1.4s">
                        <div class="d-flex align-items-center flex-column">
                            <i class="fas fa-users text-secondary fs-1 mb-3"></i>
                            <h1><span class="counter">100W+</span></h1>
                            <p class="fs-6">超过百万级中高端人才数据库</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Card End -->

    <!-- Hope End -->
    <div class="container-xxl py-5 mb-5">
        <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center">
            <div style="position: relative; z-index: 2" class="col-md-10 p-lg-10 mx-auto my-2 z-3">
                <h1 class="display-4 fw-normal mb-4 wow fadeInUp">企业愿景</h1>
                <p class="text-center fs-5 wow fadeInUp" data-wow-delay="0.2s">
                    1-3年，致力于成为中国领先的猎头服务机构
                </p>
                <p class="text-center fs-5 wow fadeInUp" data-wow-delay="0.6s">
                    3-5年，成为中国全方位人力资源服务提供商
                </p>
                <p class="text-center fs-5 wow fadeInUp" data-wow-delay="1s">
                    企业终极目标：成为全球知名咨询服务机构
                </p>
            </div>

            <div style="z-index: 0" class="position-absolute top-50 start-50 translate-middle">
                <img class="img-fluid" src="/images/about/ab1.png" />
            </div>
        </div>
    </div>

    <!-- Hope End -->
</template>
